<template>
  <div class="act-box">
    <h1>推荐活动</h1>
    <ul>
      <li>
        <img src="image/tuijian1.png" alt="" />
      </li>
      <li>
        <img src="image/tuijian2.png" alt="" />
      </li>
      <li>
        <img src="image/tuijian3.png" alt="" />
      </li>
      <li>
        <img src="image/tuijian4.png" alt="" />
      </li>
      <li>查看更多 ></li>
    </ul>
  </div>
</template>

<script>
export default {
  name: "act",
  data() {
    return {};
  },
};
</script>

<style scoped>
.act-box {
  width: 3.75rem;
  height: auto;
    margin-top: 1rem;
  /* display: flex; */
  background-color: #ffffff;
}
.act-box ul {
  list-style: none;
  display: flex;
  overflow-x:auto;
  flex-shrink: 1;
}
.act-box > h1 {
  font-size: 0.16rem;
  margin-top: 0.3rem;
  line-height: 0.3rem;
  margin-left: 0.15rem;
}
.act-box ul li {
  flex-shrink: 0;
  margin: .05rem .05rem;
  line-height: 1.5rem;
}
.act-box ul li img{
    height: 1.5rem;
}
.act-box ul li:last-child{
    font-size: .14rem;
}
</style>
